<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta content="initial-scale=1.0,minimum-scale=1.0,maximum=1.0,user-scalable=no,width=device-width" name="viewport">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link href="/xj/css/bootstrap.min.css" rel="stylesheet">
    <link href="/xj/css/planeride.css" rel="stylesheet">
    <link href="/xj/css/global.css" rel="stylesheet">
    <link href="/xj/css/style.css" rel="stylesheet">
    <title>平面导购</title>
    <script src="/xj/js/jquery.min.js"></script>
    <script src="/xj/javascript/vue.js"></script>
</head>
<body>
<div class="globalstyle">
<div id="app">
    <!--头部标签-->
    <div class="box">
        <img src="/xj/image/icon/arrow_left.png" class="back_icon"  v-on:click="getback">
    </div>
    <div class="topdiv">
        <img class="topimg" :src="planeride_title_img">
    </div>

    <div class="centerdiv" v-on:touchMove="mousemove"  >
        <img class="centerdivimg" @load="imageLoaded" :style="{width:imgwidth,height:imgheight}" :src="map_img" style="margin-bottom: 40px;">
    </div>
    <div class="smallcenterdiv" >
        <div class="shadow-layer"></div>
        <div class="shadow-layer2"></div>
        <img class="smallcenterimg" :src="map_img" >

    </div>
    
    <div v-if="is_shenyang">
        <img :src="f1" class="floor1" v-on:click="floor_tab(1)">
        <img :src="f2" class="floor2" v-on:click="floor_tab(2)">
        <img :src="f3" class="floor3" v-on:click="floor_tab(3)">
        <img :src="f4" class="floor4" v-on:click="floor_tab(4)">
    </div>
    <!--大小-->
    <div class="divshow">
        <img class="showimgstyle" src="/xj/image/show.png">
        <button @click="onbig" class="btn1"></button>
        <button @click="onsmall" class="btn2"></button>
    </div>


    <!--&lt;!&ndash;底部导航&ndash;&gt;-->
    <!--<iframe src="/xj/bottom_navigation.htm"  class="iframe-btomNavi" frameborder="0" scrolling="No"  leftmargin="0" topmargin="0"></iframe>-->
    <div class="nav_self">
        <div class="nav-one">
            <a href="/page/redirectHome"><img src="/xj/image/home.png" class="img"></a>
        </div>
        <div class="nav-view" style="white-space: pre">
            <a href="/page/redirectMarketopens" :class="!is_en ? '':'nav_encss'" >{{tab1}}</a>
        </div>
        <div class="nav-view" style="white-space: pre">
            <a href="/page/redirectInfor"   :class="!is_en ? '':'nav_encss'" >{{tab2}}</a>
        </div>
        <div class="nav-view">
            <a href="/page/redirectContractus"  :class="!is_en ? '':'nav_encss'">{{tab3}}</a>
        </div>

    </div>
</div>
</div>
</body>
</html>
<style>
    .floor1{
        position: fixed;
        bottom: 70px;
        width: 57px;
        right: 195px;
    }
    .floor2{
        position: fixed;
        bottom: 70px;
        width: 57px;
        right: 140px;
    }
    .floor3{
        position: fixed;
        bottom: 70px;
        width: 57px;
        right: 85px;
    }
    .floor4{
        position: fixed;
        bottom: 70px;
        width: 57px;
        right: 30px;
    }
</style>

<script src="/xj/javascript/planeride.js"></script>